<div class="navbar" [class.border-bottom]="border" [ngClass]="currentClasses" [ngStyle]="currentStyle">
  <div class="left">
    <button class="btn btn-flex" (click)="handleLeft()" [class.hide]="!leftArrow && !leftText">
      <i class="icon icon-back leftArrow" *ngIf="leftArrow"></i>
      <span class="leftText" *ngIf="leftText">{{ leftText }}</span>
    </button>
  </div>
  <div class="title">{{ title }}</div>
  <div class="right" (click)="handleRight()">
    <button class="btn btn-flex">
      <i class="icon icon-{{ rightIcon }}" *ngIf="rightIcon"></i>
      <span class="rightText" *ngIf="rightText">{{ rightText }}</span>
    </button>
  </div>
</div>
<div class="fill"></div>
